<!-- Generated template for the RefundComponent component -->
<ion-content>
  <div *ngIf="flag" class="contain3">
    <ion-card *ngFor="let item of orderlist, let i = index">
      <ion-item>
        <ion-avatar item-start>
          <img src="{{picrooturl}}{{item.shop_logo}}">
        </ion-avatar>
        <h2 class="tou">        
          <span class="avatar-detail" *ngIf="item.order_status == -3">审核中</span>
          <span class="avatar-detail" *ngIf="item.order_status == -2">退款成功</span>
          <span class="shopName">{{item.shop_name}}</span>
        </h2>
      </ion-item>
      <ion-grid>
        <ion-row>
          <ion-col col-4>
            <img src="{{picrooturl}}{{item.service_info.imgs}}" class="goodPic">
          </ion-col>
          <ion-col col-5 class="mydetail">
            <h4 class="serviceName">{{item.service_info.service_name}}</h4>
            <p class="orderCount">数量X{{item.order_count}}</p>
            <p class="marketPrice">￥{{item.service_info.market_price}}</p>
            <!--<span>￥{{item.order_price}}</span>￥{{item.service_info.market_price}}</p>-->
          </ion-col>
          <ion-col col-3 class="price">
              <p class="service">服务</p>
              <p class="servicePrice">￥{{item.service_info.service_price}}</p>
          </ion-col>
          <!--<ion-col col-4>
            <button ion-button  outline  *ngIf="item.order_status == 1">去支付</button>
            <button ion-button  outline  *ngIf="item.order_status == 4">确认收货</button>
            <button ion-button  outline  *ngIf="item.order_status == 6">去评价</button>
          </ion-col>-->
        </ion-row>
        <ion-row class="shopInfo">
          <ion-col col-9>
              <img src="assets/img/Comment/dingwei@2x.png" alt="" class="shopLogo">
              <span class="shopLength">{{item.shop_address}}</span>
          </ion-col>
      <ion-col col-3 class="phoneCall5">
            <div class="border">
              <a href="tel:{{item.shop_tel}}" >
                 <img src="assets/img/Comment/call@2x.png" alt="" class="shopPhone">
              </a>
            </div>
          </ion-col>
        </ion-row>
        <ion-row>
          <ion-col class="nopadding" *ngIf="item.order_status != -3">
            <button class="checkD" (tap)="deletOrder(item)">删除订单</button>
          </ion-col>
        </ion-row>
      </ion-grid>
    </ion-card>
    <p  *ngIf="bottom1" class="bot">已经加载全部啦 ~</p>
    <ion-infinite-scroll (ionInfinite)="doInfinite($event)">
      <ion-infinite-scroll-content loadingText="正在加载..."></ion-infinite-scroll-content>
    </ion-infinite-scroll>
  </div>  
    <span class="blank" *ngIf="!flag">
        <img src="assets/img/Comment/dingdankong@2x.png" alt="">
        <span>您还没有相关订单哟</span>
    </span>
</ion-content>
